/*-------------------------------------*/
/*            author: Fabian           */
/*            管理员主JS程序               */
/*-------------------------------------*/

//设置填充的空白图片（s.gif）的本地路径，默认是http://www.extjs.com/s.gif
Ext.BLANK_IMAGE_URL = 'EXT/resources/images/default/s.gif';

Ext.onReady(function(){        
 	
 	//开启提示功能
 	Ext.QuickTips.init();
 	
 	//显示更新皮肤的下拉框
 	changeSkin();
 	
 	/*---------------布局部分----------------*/
 	/* 定义基本布局的上，下，左，右，中的五个部分  */
 	/*-------------------------------------*/
 	
 	/*上部（北部）*/
	var top_cmp = new Ext.BoxComponent({ 
    	id: 'top_part',
        region:'north',
        el: 'north',
        height: 49
    }); 
    
    /*底部（南部）*/             
    var foot_cmp = new Ext.BoxComponent({ 
    	id: 'foot_part',
    	region:'south',
        el: 'south',
        height: 30
    });	   
    
   	/*右边（东部），工具栏*/
   	var right_cmp = new Ext.Panel({
   		id: 'tool_bar',
        region:'east',
        title: '工具',
        collapsible: true,
        split:true,
        iconCls: 'tool_bar_icon',
        width: 280,
        minSize: 180,
        maxSize: 280,
        layout:'fit',
        margins:'0 5 0 0',
        items:
            new Ext.TabPanel({
                border:false,
                tabPosition:'bottom',
                items:[{
                	//加载包含计算器的文件，并且可以执行JavaScript
                    autoLoad: {url: 'inc/counter.html', scripts: true},
                    title: '计算器',
                    iconCls: 'calculator_icon',
                    //设置此Panel背景颜色和计算器的颜色一致
                    bodyStyle: 'background-color: #D9E8FB',
                    autoScroll:true                    
                }                
                /*在线用户聊天
                , {
                    title: '在线用户',
                    autoScroll:true,
                    iconCls: 'online_icon',
                    layout:'accordion',
			        layoutConfig:{
			            animate:true
			        },
			        items: [{
			            title:'在线老师',
			            iconCls:'own_info',
			            border:false,
			            items: [{
			            	id: 'online_tch',
			            	xtype: 'treepanel',
			            	renderTo: 'treeOne',
			            	border: false,
			            	//隐藏根节点
			            	rootVisible: false,
			            	root: new Ext.tree.AsyncTreeNode({
			            		id: 'tch_online',
			            		text: '在线老师',
			            		children: [{
				                    text: '张飞',
				                    iconCls: 'online-user',
				                    leaf: true
				                }]
			            	})
			            }]
			        }, {
			            title:'在线学生',
			            iconCls:'own_info',
			            border: false,
			            items: [{
			            	id: 'online_stu',
			            	xtype: 'treepanel',
			            	renderTo: 'treeTwo',
			            	border: false,
			            	//隐藏根节点
			            	rootVisible: false,
			            	root: new Ext.tree.AsyncTreeNode({
			            		id: 'stu_online',
			            		text: '在线学生',
			            		children: [{
				                    text: '李四',
				                    iconCls: 'online-user',
				                    leaf: true
				                }]
			            	})
			            }]
			        }]
                }*/
                ]
          })
   	});
   	
   	/*左边（西部），菜单栏*/    	   	
   	var left_cmp = new Ext.Panel({
   		id: 'menu_bar',
        region:'west',
        title:'管理员菜单',
        split:true,
        iconCls:'user_bar_icon',
        width: 200,
        minSize: 170,
        maxSize: 240,
        collapsible: true,
        margins:'0 0 0 5',
        layout:'accordion',
        layoutConfig:{
            animate:true
        },
        items: [{
            title:'老师信息管理',
            iconCls:'user_edit',
            border:false,
            items: [{
            	id: 'teacher_mgr',
            	xtype: 'treepanel',
            	renderTo: 'tree1',
            	border:false,
            	//隐藏根节点
            	rootVisible: false,
            	//处理函数
            	listeners: {
            		'click': teacherMgrFn
            	},
            	root: new Ext.tree.AsyncTreeNode({
            		text: '老师信息管理',
            		children: [{
	                    id: 'all_teacher',
	                    text: '管理老师信息',
	                    iconCls: 'tree-first',
	                    leaf: true
	                }]
            	})
            }]
        },{
            title:'学生信息管理',
            border:false,
            iconCls:'user_edit',
            items: [{
            	id: 'student_mgr',
            	xtype: 'treepanel',
            	renderTo: 'tree2',
            	border:false,
            	//隐藏根节点
            	rootVisible: false,
            	//处理函数
            	listeners: {
            		'click': studentMgrFn
            	},
            	root: new Ext.tree.AsyncTreeNode({
            		text: '学生信息管理',
            		children: [{
	                    id: 'all_student',
	                    text: '管理学生信息',
	                    iconCls: 'tree-first',
	                    leaf: true
	                }]
            	})
            }]
       },{
            title:'个人信息管理',
            border:false,
            iconCls:'own_info',
            items: [{
            	id: 'ownInfo_mgr',
            	xtype: 'treepanel',
            	renderTo: 'tree3',
            	border:false,
            	//隐藏根节点
            	rootVisible: false,
            	//处理函数
            	listeners: {
            		'click': selfMgrFn
            	},
            	root: new Ext.tree.AsyncTreeNode({
            		text: '个人信息管理',
            		children: [{
	                    id: 'own_info',
	                    text: '查看个人信息',
	                    iconCls: 'tree-first',
	                    leaf: true
	                }, {
	                    id: 'modify_info',
	                    text: '修改个人信息',
	                    iconCls: 'tree-first',
	                    leaf: true
	                }]
            	})
            }]
       },{
            title:'BGU和意见管理',
            border:false,
            iconCls:'advise_mgr',
            items: [{
            	id: 'advise_mgr',
            	xtype: 'treepanel',
            	renderTo: 'tree4',
            	border:false,
            	//隐藏根节点
            	rootVisible: false,
            	//处理函数
            	listeners: {
            		'click': suggestMgrFn
            	},
            	root: new Ext.tree.AsyncTreeNode({
            		text: 'Bug和建议管理',
            		children: [{
	                    id: 'suggest_info',
	                    text: '管理Bug和建议',
	                    iconCls: 'tree-first',
	                    leaf: true
	                }]
            	})
            }]
       }],
       //底端工具栏
       bbar: [{
			text : '开始',
			iconCls : 'begin-icon',
			menu : new Ext.menu.Menu({
				items : [{
					text : '关于系统',
					iconCls : 'question_icon',
					handler : function() {
						new Ext.Window({
							closeAction : 'close',
							resizable : false,
							bodyStyle : 'padding: 7',
							modal : true,
							title : '关于本系统',
							html : '<br/>&nbsp;&nbsp;本系统是互联网发展的产物,<br/>它让老师和学生可以在课后很好的在线交流和互动,<br/>' +
									'希望使用本系统的老师和同学能够喜欢本系统,<br/>若遇到问题或者有好的建议希望能给我们留言,<br/>' +
									'我们会及时解决,为你们提供更好更贴切的服务,<br/>营造一个互动、自主、愉快的学习氛围!<br/>',
							width : 300,
							height : 200
						}).show();
					}
				}, {
					text : '退出系统',
					iconCls : 'del_icon',
					handler : function() {
						Ext.Msg.confirm('操作提示', '您确定要退出本系统?', function(btn) {
							if ('yes' == btn) {
								window.location.href = 'loginOut.do';								
							}
						});
					}
				}]
			})
		}]      
   	});
   	
   	/*中部，主要功能的显示区，使用选项面板*/
   	var center_cmp = new Ext.TabPanel({
    	id: 'center_part',
        region:'center',
        deferredRender:false,
        //可滚动的
        enableTabScroll: true,	
        activeTab:0,
        items:[{
            contentEl:'home',
            title: 'Home',
            iconCls: 'home_icon',
            autoScroll:true
        }],
        //给TabPanel增加右键菜单
        listeners:{
        	 //传进去的三个参数分别为:这个tabpanel(tabsDemo),当前标签页,事件对象e
			"contextmenu": function(tabPanel, myitem, e){
                    var closeMenu = new Ext.menu.Menu([{
	                     text:"关闭当前页",
	                     handler:function(){
	                        tabPanel.remove(myitem);
	                     }
                    },{
                         text:"关闭其他所有页",
                         handler:function(){
                            //循环遍历
                            tabPanel.items.each(function(item){
                                 if(item.closable && item!=myitem){
                                    //可以关闭的其他所有标签页全部关掉
                                    tabPanel.remove(item);
                                 }
                            });
                         }
                    }, {
                    	 text:"关闭所有页",
                         handler:function(){
                            //循环遍历
                            tabPanel.items.each(function(item){
                                 if(item.closable)
                                 {
                                    //可以关闭所有标签页全部关掉
                                    tabPanel.remove(item);
                                 }
                            });
                         }
                    }]);
                    //显示在当前位置
                    closeMenu.showAt(e.getPoint());
             }	
        }                
 	});
   	
   	//整体布局    	 
   	var viewport = new Ext.Viewport({
        layout:'border',
        items:[ top_cmp, foot_cmp, right_cmp, left_cmp, center_cmp ]
   	});
   	
   	//右边的工具栏默认是隐藏收缩的
   	Ext.getCmp('tool_bar').collapse();  	
});

